<!DOCTYPE html>
<!--[if lt IE 7 ]>
<html lang="zh" class="ie6 ielt7 ielt8 ielt9"><![endif]--><!--[if IE 7 ]><html lang="en" class="ie7 ielt8 ielt9"><![endif]--><!--[if IE 8 ]><html lang="en" class="ie8 ielt9"><![endif]--><!--[if IE 9 ]><html lang="en" class="ie9"> <![endif]--><!--[if (gt IE 9)|!(IE)]><!-->
<html lang="zh"><!--<![endif]-->
<head>
    <meta charset="utf-8">
    <title>爱心灵-管理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
    <link href="css/site.css" rel="stylesheet">
    <link href="img/favicon.ico" rel="shortcut icon">
    <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<div class="container">
    <div class="navbar">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar "></span> </a> <a class="brand" href="#">爱心灵</a>
                <div class="nav-collapse">
                    <ul class="nav">
                        <li>
                            <a href="#">异常反馈</a>
                        </li>
                        <li>
                            <a href="help.html">使用帮助</a>
                        </li>

                    </ul>

                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="span12" >
           <h3>
               爱心灵
           </h3>
            <div class="hero-unit">
                <h4>
                    欢迎访问!
                </h4>
                <p >
                    <span class="icon-heart"> </span>亲爱的朋友，今天你是开心的吗
                </p>
                <p>
                    <a href="help.html" class="btn btn-primary btn-large">使用帮助</a>
                </p>

            </div>
            <div>
                <div class="navbar navbar-inner">
                        <a href="#" class="vertical_center btn" id="table_refresh" onclick="refresh(10)"><i class="icon-red icon-refresh"></i>刷新</a>
                        <a href="#" class="vertical_center btn" id="table_addNew"  data-toggle="modal" data-target="#addNewRowModal"><i class="icon-glass icon-file"></i>新增</a>
                </div>


                <table class="table table-bordered" id="tag_table">
                    <thead>
                    <tr id="table_head">
                        <th>编号</th>
                        <th>标题</th>
                        <th>概况</th>
                        <th>图片地址</th>
                        <th>状态</th>
                        <th>发布</th>
                        <th>移除</th>
                        <th>删除</th>
                        <th>编辑</th>
                        <th>置顶</th>
                    </tr>
                    </thead>
                    <tbody id="tag_tbody">
                    </tbody>
                </table>
            </div>

        </div>

        <!-- 模态框（Modal） -->
        <div class="modal fade" id="addNewRowModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="myModalLabel">
                            新增一个标签
                        </h4>
                    </div>
                    <div class="modal-body">
                        <form class="form-horizontal" role="form">
                            <div class="form-group">
                                <label for="tag_new_title" class="col-sm-2 control-label">标题</label><span id="tag_new_title_wrong"></span>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="tag_new_title" placeholder="请输入标签标题">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="tag_new_Abstract" class="col-sm-2 control-label">概况</label><span id="tag_new_Abstract_wrong"></span>
                                <div class="col-sm-10">
                                    <textarea type="text" class="form-control" id="tag_new_Abstract" placeholder="请输入标签描述" rows="3"></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="tag_new_url" class="col-sm-2 control-label">文章地址</label><span id="tag_new_url_wrong"></span>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="tag_new_url" placeholder="请输入文章地址">
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="tag_new_picture_url" class="col-sm-2 control-label">图片地址</label><span id="tag_new_picture_url_wrong"></span>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="tag_new_picture_url" placeholder="请输入图片地址">
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <span id="form-uploading"></span>
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                        </button>
                        <button type="button" class="btn btn-primary" onclick="addNewRow()">
                            提交
                        </button>

                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>


        <!-- 模态框（Modal） -->
        <div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            &times;
                        </button>
                        <h4 class="modal-title" id="editModalLabel">
                            编辑标签
                        </h4>
                    </div>
                    <div class="modal-body">
                        <form class="form-horizontal" role="form">
                            <div class="form-group">
                                <label for="tag_edit_title" class="col-sm-2 control-label">标题</label><span id="tag_edit_title_wrong"></span>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="tag_edit_title" >
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="tag_edit_Abstract" class="col-sm-2 control-label">概况</label><span id="tag_edit_Abstract_wrong"></span>
                                <div class="col-sm-10">
                                    <textarea type="text" class="form-control" id="tag_edit_Abstract"  rows="3"></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="tag_edit_url" class="col-sm-2 control-label">文章地址</label><span id="tag_edit_url_wrong"></span>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="tag_edit_url" >
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="tag_edit_picture_url" class="col-sm-2 control-label">图片地址</label><span id="tag_edit_picture_url_wrong"></span>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="tag_edit_picture_url" >
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <span id="form-editing"></span>
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                        </button>
                        <button type="button" class="btn btn-primary" onclick="editOneRow()">
                            确认编辑
                        </button>

                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal -->
        </div>
    </div>
</div>

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/site.js"></script>
<script src="js/service.js"></script>
</body>
</html>